<template>
	<div>
		<el-dialog :visible.sync="biggerImgs" width="40%" :before-close="handleClose"><img :src="lookImg" width="100%" height="100%" /></el-dialog>
	</div>
</template>

<script>
export default {
	name: '',
	props: {
		lookImg: {
			type: String
		},
		biggerImg: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			biggerImgs: this.biggerImg
		};
	},
	methods: {
		handleClose() {
			this.$emit('handleClose', false);
		}
	}
};
</script>

<style scoped lang="scss">
/deep/.el-dialog__header {
	display: none;
}
/deep/.el-dialog__body {
	padding: 0;
	position: fixed;
	z-index: 999999 !important;
}
</style>
